可选择动态组合图表,折线图、柱状图任意切换,只需四步轻松搞定 |
您所在的位置:网站首页 › jqplot 折线图参数 › 可选择动态组合图表,折线图、柱状图任意切换,只需四步轻松搞定 |
可选择动态组合图表,折线图、柱状图任意切换,只需四步轻松搞定 在进⾏图表数据制作的时候,相信许多朋友都会碰到⼀个问题,那就是数据维度较多的时候, ⼀张图表不能完全的显⽰,这⾥我们就可以通过复选框,制作可选择的动态图表的⽅式,来清 晰的展⽰我们的数据。 从上⾯的效果图中我们可以看到,当我们勾选或取消上⾯的按钮的时候,下⽅的图表就会跟随 者⾃动发⽣变化。通过这样的可选择动态图表的制作,在多维数组数据中我们就能够快速的进 ⾏各种指标的图表切换。下⾯我们就来具体学习⼀下制作⽅法。 第⼀步:我们⾸先在原始数据下⽅先添加辅助列 1 、辅助列 2 的数据。因为我们后续控件会通过 辅助列 1 的单元格实现,图表数据会通过辅助列 2 的数据来呈现。如下图所⽰: 第⼆步:点击菜单栏,开发者⼯具:插⼊ — 点击复选框按钮。然后将对应的名称修改为我们需 要的接待量、回复时长、推送率、满意度四个指标。然后依次点击⿏标右键 — 设置控件格式, 接待量的按钮指定为辅助列 1 中 C9 单元格,其他控件依次指定为 D9 、 E9 、 F9 单元格。这些对应 单元格会通过 True 和 False 的结果呈现。如下图所⽰: 当我们勾选控件的时候,单元格会显⽰为 True ,取消勾选的时候单元格会显⽰为 False 。 第三步:我们在辅助列 2 中接待量、回复时长等数据中输⼊下⽅公式。利⽤辅助列 1 的 True 和 False 的值通过 IF 函数来进⾏判断。如下图所⽰: 函数公式: =IF(C$9,C2,NA()) 函数解析: 1 、在这⾥ IF 函数第⼀参数直接为单元格 C$9 ,⼀个值的时候默认的第⼀参数为 TRUE ,当第⼀ 参数判断为 True 时,结果显⽰ C2 单元格的值;反正通过 NA() 错误值函数进⾏占位,错误值函数 主要是⽤于后期做图的时候,我们取消勾选后,会在图表中进⾏占位处理。 第四步:辅助列 2 的数据通过函数公式进⾏引⽤后,我们最后选择辅助列 2 的数据,点击菜单 栏,插⼊柱形图。点击图表右键选择更改图表类型,然后选择推送率、满意度的数据变更为次 坐标轴,图表类型切换为折线图即可。如下图所⽰: 通过上图做好图表之后,我们最后在对图表⽂字、颜⾊进⾏稍微的调整,这样我们需要的美观 的可选择的动态组合图表就做成了。 通过上⾯的四个步骤我们就完整的制作好了,我们需要的可选择动态组合图表,赶快去操作试 ⼀下吧。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |